<div class="oa-panel-header">
        <div class="oa-panel-title">
            <div class="title">
                <span class="group"></span>
                {{'#group#' | i18n}}
            </div>
            <div class="oa-panel-title-toolbar">
                <a href="javascript:;" class="oa-add-btn" act="group_create_new"></a>
                <a href="javascript:;" title="关闭" class="oa-close-panel"></a>
            </div>
        </div>
    </div>
    <div class="oa-panel-body">
        <div class="oa-panel-body-nav">
            <div class="oa-panel-task-type">
                <span class="header-type active" act="group_title_tab" tab-span-name="my_group">
                    <a href="javascript:;" act="group_title_tab_button" tab-name="my_group">{{ 'GROUP_MY_GROUP' | i18n }}</a>
                </span>
                <span class="header-type" act="group_title_tab" tab-span-name="all_group">
                    <a href="javascript:;" act="group_title_tab_button" tab-name="all_group">{{ 'GROUP_ALL_GROUP' | i18n }}</a>
                </span>
            </div>
        </div>
        <div class="oa-panel-content" table-name="my_group" act="group_title_tab_table">
            <div class="oa-accordion-content notice-accordion-content">
                <div class="oa-panel-group-header clear">
                    <span class="ui-select-buttonset">
                        <select name="" act="groupTypeSelect">
                            <option value="work_joinedG">{{ 'GROUP_MY_JOIN_GROUP' | i18n }}</option>
                            <option value="work_adminG">{{ 'GROUP_MY_CREATE_GROUP' | i18n }}</option>
                        </select>
                    </span>
                </div>
                <div class="oa-curtain-content notice-curtain-content group-curtain-content">
                    <div class="oa-tab-body clear" act="beScroll">
                        <div class="oa-list  report-list-area daily-paper-list address-list-area group-list-area clear" act="group_my_table_list">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="oa-panel-content" table-name="all_group" style="display: none" act="group_title_tab_table">
            <div class="oa-accordion-content notice-accordion-content">
                <div class="oa-curtain-content notice-curtain-content group-curtain-content group-all-content">
                    <div class="oa-tab-body clear" act="beScroll">
                        <div class="oa-list  report-list-area daily-paper-list address-list-area group-list-area clear" act="group_all_table_list">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>